*{ margin: 0;padding: 0;}
a{text-decoration: none;}
a:hover{ text-decoration: none;}
li{list-style: none;}
span{margin: 0}
header{height: 150px; width:100% ; position: fixed;top:0;z-index: 999;
   background: white;}
.header{width: 1200px;height:63px;margin: 0 auto;}
.header>ul{ float: right;display: block;height: 63px;margin-top: 25px;
   }
.header>ul li{float: left; display: block;}
.header>ul li>img{  width:28px;height: 18px; margin: 0 7px; vertical-align: middle;font:normal 14px "Arial"}
.header>ul li>span{  width:28px;height: 18px; margin: 0 7px; vertical-align: middle;font:normal 14px "Arial"}
.header>ul>.search >.get{ height: 25px;width: 107px; border: solid 1px #bbbbbb ; }
.header>ul>.search >img{ width: 35px;height: 25px; border: solid 1px  #bbbbbb ;margin: 0px; }
.header>ul>.search { margin-left: 14px ;}
.logo_nav{width: 1200px;height:55px;margin: 0 auto; }
.logo_nav>span img{ width:276px;height: 38px; float: left ;display: block;}
.logo_nav ul li{  float: left;display: block ; width:100px;height: 38px; margin: 0 5px; }
.logo_nav ul{ width: 890px;height: 55px; display: block;float: right}
.logo_nav ul li a{font: bold 14px "Arial" ;color: #484848;display: block;width: 100px;height: 38px; text-align: center; margin: 0 5px; line-height: 38px;}
.logo_nav ul li:hover{ background: #00b342;}
.logo_nav ul .activite{background:#00b342; }

.banner{ width: 100% ;height:700px;background: url("../images/banner.jpg") no-repeat center top;

    margin-top: 40px ; position: relative;}
.banner>.frist{ position: absolute;width: 557px;height: 97px;right:-557px;top: -97px; display: none;}
.banner>.frist>.f1{font: normal 58px "Arial";color: #529352; }
.banner>.frist>.f3{font: normal 16px "Arial";color: #686868; display: block;}
.banner>.frist>.f2{font: lighter 52px "小塚ゴシック Pr6..."; color:#898989 ;margin-left: 20px;}
.banner>.last{ position: absolute;width: 410px;height:76px;right:0;bottom: -10px; display: none;}
.banner>.last>.f4{ position: relative;
    display: block; width:410px ;height:1px ;background: #00b342; }
.banner>.last>.f4>.f5{ position: absolute;
    top:-23px;left:132px ;display: block;width: 145px;height: 46px;
     background: white; text-align: center;font:normal 16px "微软雅黑";color:#529352; line-height: 46px;}
section{ width: 100%; margin: 0 auto;}
.prod_con1{ width: 1200px; margin: 0 auto; height: 408px;}
.title{width: 1200px; margin: 0 auto;}
.title>h2{font: normal 28px "Arial"; text-align: center;margin-top: 90px;}
.title>span{height: 4px; width:50px;background: #1ba847;margin: 18px auto;display: block; }
.prod_con1>ul{float: left; margin-top: 50px;}
.prod_con1>ul li{ float: left; width:270px;height: 334px; text-align: center;margin-left:40px;  }
.prod_con1>ul>.fri{ margin-left: 0px;}
.prod_con1>ul li img{ width: 110px; height: 110px; margin: 0 auto ;}
.prod_con1>ul li p{ text-align:left; font:normal 12px "微软雅黑";color: #898989; line-height: 20px;}
.prod_con1>ul li h3{ font: normal 20px "微软雅黑";line-height: 40px;}
.prod_con1>ul li a{ font:normal 14px "微软雅黑";color:#529352;margin-top:30px;display: block;  }
.prod_con2>.bg{width: 100%;margin: 0 auto;height: 460px;background:#f2f2f2;}
.prod_con2>.bg>div{ width: 1200px;margin: 0 auto;
    height: 430px;  }
.prod_con2>.bg>div>.cate{  width: 1200px;margin: 0 auto; height:390px;}
.prod_con2>.bg>div>.cate li{height: 315px;width: 270px;display: block;float: left;margin-top: 68px; border-bottom: solid 2px #00b342;margin-left: 40px;}
.prod_con2>.bg>div>.cate li p{ font: normal 16px "Arial"; text-align: left;line-height: 60px; }
.prod_con2>.bg>div>.cate li span{ display: block;float: left;width: 180px;height: 20px;font: normal 12px "Arial";color: #484848;
}
.prod_con2>.bg>div>.cate >li>img{width: 268px;height: 208px}
.prod_con2>.bg>div>.cate li a{display: block;width:60px;
    height:30px;
    background: #00b342;
    float: right ;
    text-align: center;
    color:white;
    font: normal 14px "Arial";
    border-radius: 3px;
    line-height: 30px;
}
.prod_con2>.bg>div>.cate>.fri{ margin-left: 0px;}
.prod_con2>.bg>div>.dot {
    display: block;
    width: 70px;
    height:15px;
    margin:30px  auto;
    clear: both; }
.prod_con2>.bg>div>.dot>li{ margin: 0 5px; display: block; float: left; width: 12px;
    height:12px; border-radius: 6px; background:#898989 ;  }
.prod_con2>.bg>div>.dot>li:hover{background: #00b342;}
.prod_con2>.bg>div>.dot>.dot_change{margin: 0 5px; display: block; float: left; width: 12px;
    height:12px; border-radius: 6px; background:#00b342 ;}
.list{width: 1200px; margin: 0 auto;height:608px; }
.list>.list_l{
    width:580px;
    height:466px;
float: left;}
.list>.list_l>h3{display: inline; font:bold 18px"Arial";color: #484848; }
.list>.list_l>a{float: right; font:bold 12px "Arial";color: #529352;}
.list>.list_l>ul{width:580px;height:400px; border-top: solid 1px #b3b3b3; }
.list>.list_l>ul>li{width:580px; height:120px; display: block; }
.list>.list_l>ul>li img{ display: block;float: left;width: 120px;height: 90px;margin-top: 30px;}
.list>.list_l>ul>li>span{
    width: 440px;height: 10px;display: block;
    margin: 30px 0 0 15px;float: left;font:normal 16px "Arial"; color: #4e4e50;line-height:20px;}
.list>.list_l>ul>li>p{
    width: 440px;height: 20px;display: block;
    margin: 10px 0 0 15px;float: left;font: normal 14px "Arial";
color: #898989;line-height:20px;}

.list>.list_r{
    width:580px;
    height:466px;
    float: right;}
.list>.list_r>h3{display: inline; font:bold 18px"Arial";color: #484848; }
.list>.list_r>a{float: right; font:bold 12px "Arial";color: #529352;}
.list>.list_r>ul{width:580px;height:400px; border-top: solid 1px #b3b3b3; }
.list>.list_r>ul>li{width:580px; height:105px; display: block; }
.list>.list_r>ul>li>.date{
    float: left;width: 68px;
    height: 57px;margin-top: 30px;
    background:#00b342;position: relative;
    text-align: center;padding-top: 15px; font: normal 22px "Arial";color: white;  }
.list>.list_r>ul>li>.date>span{ position: absolute;bottom: 0; display: block;width: 68px;height: 25px;background:#e0e0e0;text-align: center; }

.list>.list_r>ul>li>span{
    width: 440px;height: 10px;display: block;
    margin: 30px 0 0 15px;float: left;font:normal 16px "Arial"; color: #4e4e50;line-height:20px;}
.list>.list_r>ul>li>p{
    width: 440px;height: 20px;display: block;
    margin: 10px 0 0 15px;float: left;font: normal 14px "Arial";
    color: #898989;line-height:20px;}
.prod_con4>.bg1{ width: 100%;margin: 0 auto;height: 538px;background:#f2f2f2; }
.prod_con4>.bg1 >ul{
    width: 1200px;
    height:518px;
    margin: 0 auto;
    padding-top: 20px;
}

.prod_con4>.bg1 >ul>.st{ margin-left:0px; }
.prod_con4>.bg1 >ul>li{float: left;position: relative;width:270px;height: 190px;margin: 40px 0 0 40px;  }
.prod_con4>.bg1 >ul>li span{position:absolute; bottom: 0;display: block;
    width:270px;height: 28px;background: rgba(58,55,48,0.8);text-align: center;
    font: normal 12px "Arial";color: white;line-height: 28px; }
